body {
    color: #707778;
    font-family: 'Work Sans', sans-serif;
}

/* --- Navbar --- */
li.lang-desktop{
  display: none;
}
li.lang-mobile{
  display: block;
}
li.lang-mobile a{
  display: inline-block;
}

#navbar {
    border-bottom: 1px solid #eeeeee;
}
.navbar {
    max-height: 80px;
    border-bottom: 1px solid #eeeeee;
}
.navbar-collapse {
    border-bottom: 1px solid #eeeeee;
}
.navbar, .navbar-nav, .navbar-collapse {
    background-color: #ffffff;
}
.navbar-nav a {
    color: #404448;

}
.kredivo-toggle {
    padding-top: 8px;
    padding-left: 20px;
    padding-bottom: 8px;
    padding-right: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
    border-radius: 3px;
    background-color: #47bbe4;
    color: #ffffff;
    cursor: pointer;
}
.kredivo-toggle:hover {
    color: #ffffff;
}
.navbar-header .logo {
    width: 122px;
    background-image: url(../images/logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 93px 32px;
    text-indent: -9999px;
}
.nav-tkb {
    font-weight: 500;
    color: #404448;
}
.nav-register {
    padding: 13px 38px !important;
    margin-top: 20px;
    color: #fff !important;
}
.nav-register:hover,
.nav-register:focus {
    background-color: #47bbe4 !important;
}
.navbar-right {
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
  #navbar {
    max-height: 80px;
  }
  li.lang-desktop{
    display: block;
  }
  li.lang-mobile{
    display: none;
  }
    .navbar-collapse {
        margin-top: 0px;
        border-top: none;
        border-bottom: none;
    }
    /* .navbar, .navbar-nav, .navbar-collapse {
        background-color: transparent;
    } */
    /* .navbar {
        border-bottom: none;
    } */
    /* .navbar, .navbar-nav {
        background-color: transparent;
    } */
    /* --- Navbar Transparent --- */
    .navbar-transparent .navbar-header .logo {
        background-image: url(../images/logo-white.png);
    }
    .navbar-transparent {
        background-color: transparent;
        transition: background-color 0.5s ease;
    }
    .navbar-transparent .navbar-nav li a,
    .navbar-transparent .navbar-nav li.nav-tkb {
        color: #ffffff;
    }
    /* --- Navbar Scrolled --- */
    .navbar-color .navbar-header .logo {
        background-image: url(../images/logo.png);
    }
    .navbar-color {
        border-bottom: 1px solid #eeeeee;
        background-color: #ffffff;
    }
    .navbar-color .navbar-nav li.nav-link a,
    .navbar-color .navbar-nav li.nav-tkb{
        color: #404448;
    }
    .navbar-color li.nav-link a:hover, .navbar-color li.nav-link a:focus {
        border-bottom: 2px solid #404448;
    }
    .navbar li.nav-link {
        margin-left: 10px;
        margin-right: 10px;
    }
    .navbar li.nav-link a {
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
    }
    .navbar li.nav-link a:hover, .navbar li.nav-link a:focus {
        border-bottom: 2px solid #ffffff;
        background-color: inherit;
    }
    .navbar-nav {
        padding-top: 30px;
        /* padding-bottom: 22px; */
    }
    .nav-register {
        margin-top: -12px;
    }
    .navbar-right {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-right .dropdown-menu {
        top: 90px;
        left: -4px !important;
    }
}

.lang-change:focus,
.lang-change:hover,
.lang-change:active{
  border-bottom: 0px !important;
}

.lang-dropdown{
  min-width: 140px;
  margin-top: -29px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.lang-dropdown a{
  padding-top: 8px !important;
  padding-left: 12px !important;
  padding-bottom: 8px !important;
  padding-right: 12px !important;
  color: #404448 !important;
  border-bottom: 0px;
}

.lang-dropdown a:focus,
.lang-dropdown a:hover,
.lang-dropdown a:active{
  background: #dddddd !important;
  border-bottom: 0px !important;
}


.language-item {
    display: inline-block !important;
    color: #9e9e9e !important;
}

.language-item.lang-active {
    color: #3b3b3b !important;
}

.dropdown.open a.dropdown-toggle.lang-change::before {
    content: '';
    position: absolute;
    top: 56px;
    right: 52%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

.dropdown-menu.lang-dropdown {
    border: none !important;
}
.dropdown-menu.lang-dropdown li a:hover {
    border-radius: 4px !important;
}

.dropdown-toggle.lang-change {
    text-decoration: none;
}

.navbar-fixed-top .navbar-collapse {
    max-height: none;
}